<template>
    <view class="skeleton page">
        <view class="skeleton-not-btn">
            <view class="skeleton-head">
                <view class="skeleton-head-left"></view>
                <view class="skeleton-head-right"></view>
            </view>
            <view class="skeleton-content">
                <view class="skeleton-content-block"></view>
                <view class="skeleton-item"></view>
                <view class="skeleton-item"></view>
                <view class="skeleton-item"></view>
                <view class="skeleton-item"></view>
            </view>
        </view>
        <view class="skeleton-btn">
            <view class="skeleton-btn-left"></view>
            <view class="skeleton-btn-right"></view>
        </view>
    </view>
</template>
<script>
    export default {
        name:'examsub'
    }
</script>
<style  scoped>
    .skeleton {
        position: fixed;
        height: 100%;
        overflow: hidden;
        box-sizing: border-box;
        background: #fff;
        width: 100%;
    }
    .skeleton-head {
        position: relative;
        height: 100upx;
        margin: 0 20upx;
    }
    .skeleton-head-left {
            position: absolute;
            display: inline-block;
            width: 40%;
            left: 0;
            top:40upx;
             height: 70upx;
            background:#eee;
        }

       .skeleton-head-right {
            position: absolute;
            display: inline-block;
            right: 0;
           top:40upx;
            vertical-align: middle;
            width: 15%;
           height: 70upx;
            text-align: right;
           background:#eee;
        }

    .skeleton-not-btn{
        margin-bottom: 90upx;
    }

    .skeleton-content {
        border-radius: 8 rpx;
        padding: 30 upx 30 upx;
    }

    .skeleton-content-block {
         margin: 40upx;
         margin-bottom: 40upx;
         height:200upx;
         background:#eee;
    }

    .skeleton-item {
         margin:40upx;
         padding: 0 20upx;
         width: 630upx;
         height: 80upx;
         background: #eee;
         border-radius: 8rpx;
     }

    .skeleton-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        line-height: 80 upx;
    }
    .skeleton-btn-left{
            display:inline-block;width:50%;height:80upx;background:#eee;
        }
    .skeleton-btn-right{
            display:inline-block;width:50%;height:80upx;background:#eee;
        }
</style>
